import { Component, OnInit,ElementRef } from '@angular/core';

@Component({
    selector: 'ion-container',
    template: `
    <div class="alin-scroll-content-item">
        <label class="alin-scroll-content-title">{{item.name}}</label>
        <ng-content></ng-content>
      </div>
    `,
    styles: [`
    .alin-scroll-content-title {
      height: 2rem;
      line-height: 2rem;
      font-weight: normal;
      color: #555;
      display: block;
      padding-bottom: .1rem;
      margin-bottom: .2rem;
      position: relative;
      z-index: 1;
    }
    .alin-scroll-content-item {
      padding-top: 15px;
     }
    `],
    inputs:['item']
})
export class ClassifyContainerComponent implements OnInit {
    item:any;
    index:string;
    constructor(public elementRef: ElementRef) { 
      //this.index=this.item.index;
    }

    getElementRef():ElementRef{
      return this.elementRef;
    }

  ngOnInit() {
    this.index=this.item.index;
   }

}
